<template>
  <div class="user-info">
    <Studentpagehead :val="val"></Studentpagehead>
    <div class="info-content">
      <ul class="gre-list">
        <li class="gre-item table-show" v-for="item in list">
          <div class="td con"><p class="txt">{{item.con}}</p></div>
          <div class="td count">{{item.cont}}分</div>
          <div class="td ctrol"><a href="javascript:" class="sin-ico"></a></div>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
  import { Toast } from 'vux'
  import Studentpagehead from './Studentpagehead'
  export default{
    components: { Toast, Studentpagehead },
    data() {
      return {
        val: [15, 30, 64, 95],
        list: [
          {
            con: 'I konw that the water,I konw that the water,I konw that the water.',
            cont: 98,
            link: ''
          },{
            con: 'I konw that the watert the water.',
            cont: 48,
            link: ''
          },{
            con: 'I konw that the waterthe water,I konw that the water.',
            cont: 68,
            link: ''
          },
        ],
        err: false,
        errtxt: ''
      }
    },
    created() {

    }
  }
</script>

<style lang="less">
  .user-info {
    min-height: 100%;
    background: #f6f6f6;
  }
  .gre-list {
    padding-bottom: 20px;
    .gre-item {
      background: #fff;
      padding: 14px;
      margin-bottom: 10px;
      box-sizing: border-box;

      &:last-child {
        margin-bottom: 0;
      }
      .con {
        padding-right: 14px;
      }
      .count {
        width: 46px;
        text-align: left;
        color: #fe6d00;
      }
      .txt {
        width: 100%;
      }
      .ctrol {
        width: 30px;
      }

      .sin-ico {
        display: block;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: url(../assets/lisen.svg) #ff6c00 center no-repeat;
        background-size: 60%;
      }
    }
  }
</style>
